<template>
    <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="热门" name="first">
            <ListData />
        </el-tab-pane>
        <el-tab-pane label="最新" name="second">最新</el-tab-pane>
        <el-tab-pane label="热榜" name="third">热榜</el-tab-pane>
    </el-tabs>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import ListData from 'comps/index/ListData.vue';
export default defineComponent({
    components: {
        ListData
    },
    methods: {
        handleClick(tab, event) {
            console.log(tab, event);
        }
    },
    setup() {
        const activeName = 'first'
        return {
            activeName
        }
    }
})
</script>

<style scoped>
</style>


